var gulp = require('gulp');
var postcss = require('gulp-postcss');

// necessary
var autoprefixer = require('autoprefixer');

var cssnext = require('postcss-cssnext');
var cssImport = require('postcss-import');
var cssFor = require('postcss-for');
var each = require('postcss-each');
var conditionals = require('postcss-conditionals');
var mixins = require('postcss-mixins');
var bem = require('postcss-bem')({

});

gulp.task('css', function() {
    var processors = [
        cssImport,
        cssFor,
        each,
        conditionals,
        mixins,
        cssnext,
        bem,
        // autoprefixer
    ]
    return gulp.src('./src/css/main.css')
               .pipe(postcss(processors))
               .pipe(gulp.dest('./dest'));
});
